<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Copyright 2011 James Frank

This file is part of JATH.

JATH is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

-->

<html>
	<head>
		<title>Accessibility Helper</title>
		<link rel="stylesheet" type="text/css" href="jath.css" />
	</head>
	<body>
		<h3>Images</h3>
		<img src="img.jpg" id="image"/>
		<img src="img.jpg" id="image2" alt=""/>
		<br/>
		<input type="image" src="img.jpg" />
		<h3>Labels</h3>
		<label for="">Label</label><input name="input" type="text" value="test" />
		<h3>Fieldsets</h3>
		<input type="radio" value="a" name="radio" id="radio"><label for="radio">Label</label>
		<h3>Tables</h3>
		<table id="table">
			<tr>
				<td>Table</td>
				<td>Table</td>
			</tr>
		</table>
		<br/>
		<table id="table2">
			<tr>
				<td>Header</td>
				<th>Header</th>
			</tr>
			<tr>
				<th>Header</th>
				<td>Table Cell</td>
			</tr>
			<tr>
				<td>Header</td>
				<th>Header</th>
			</tr>
			<tr>
				<th>Header</th>
				<td>Table Cell</td>
			</tr>
			<tr>
				<th>Header</th>
				<td>Table Cell</td>
			</tr>
		</table>
		<h3>Legends</h3>
		<fieldset>
			<label for="input2">Label</label><input type="text" name="input2"></input>
		</fieldset>
		<h3>Color</h3>
		<span style="color: red;">Hi!</span>
		<span style="color: red; font-style: italic;">Hi!</span>
		<span style="color: red;"><b>Hi!</b></span>
		<span><b>Hi!</b></span>
		<div>
			<span style="color: red;">Hi!</span>
			<span>Hi!</span>
		</div>
		<span><b>Hi!</b></span>
		<div style="color: green">
			<span style="color: blue; font-weight: bold;">Hi!</span>
			<span style="color: blue;">Hi!</span>
		</div>

		
		<!--
		<img src="img.jpg" alt=""/>
		<br/>
		<label for="input">Label</label><input name="input" type="text" value="test" />
		<br/>
		<fieldset><input type="radio" value="a" name="radio"><label for="radio">Label</label></fieldset>
		-->
		
		<script type="text/javascript" src="jquery.min.js"></script> 
		<script type="text/javascript">		
//			accessibilityErrorsToSkip = ['tables','labels','fieldsets','legends','alts','color'];
		</script>
		<script type="text/javascript" src="jath.js"></script>
	</body>
</html>